<template>
  <!-- <van-overlay :show="show" z-index="1003" @click="$emit('update:show', false)">
    <div class="guide-bg" />
    <div class="guide-txt">在浏览器中打开</div>
  </van-overlay> -->
  <div class="main-guide" v-if="show" z-index="1003" @click="$emit('update:show', false)">
    <div class="guide-bg" />
    <div class="guide-txt">在浏览器中打开</div>
  </div>
</template>
<script>
// import { Overlay } from 'vant';
export default {
  props: {
    show: {
      type: Boolean,
      default: false
    }
  },
  // components: { 
  //   [Overlay.name]: Overlay 
  // }
}
</script>
<style lang="scss">
.main-guide {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.3);
}
.guide-bg {
  width: 128px;
  height: 208px;
  position: absolute;
  top: 0;
  right: 20px;
  background: url('../assets/guide.png') no-repeat top center/ 128px 208px;
}
.guide-txt {
  width: 281px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 213px auto 0;
  background: #FFFFFF;
  border-radius: 28px;
  font-size: 17px;
  // // font-weight: 500;
  color: #1C1C1C;
}
</style>